<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后街、后街交友、同城交友、交友</title>
<meta name="keywords" content="后街、后街交友、同城交友、交友、交友平台">
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/customer/ucenter.css">
<meta name="description"
	content="寻找志同道合的朋友；交友、聊天、游戏、泡吧，让您在忙碌的工作之余,找到志同道合的朋友,享受快乐人生.">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<script type="text/javascript">
	function showLink(){
		$(this).find('.ucenter-pic a').css('display', 'block');
	}
	var search = window.location.search.toString().substr(1).split('&');
	var tab_type = 0;
	for(var i=0;i<search.length;i++){
		search[i] = search[i].split('=');
		if(search[i][0] == 'target'){
			tab_type = search[i][1];
		}
	}
</script>
</head>
<body>
	<!--头部 s-->
	<c:import url="../common/newHeader.jsp"></c:import>
	<!--头部 e-->
	<div class="w980 clearfix"></div>



	<div class="ucenter">
		<div class="hr"></div>
		<ul id="left_menu" class="nav">
			<!--left menu s-->

			<li><a
				href="${pageContext.request.contextPath}/customerDefault/ucenterIndex.aspx"
				class="icon_my"><span>我的后街</span></a></li>
			<li><a
				href="${pageContext.request.contextPath}/customerDefault/ucenterAccount.aspx"
				class="icon_acc"><span>我的帐号</span></a></li>
			<li><a
				href="${pageContext.request.contextPath}/customerDefault/ucenterCollection.aspx"
				class="icon_fav"><span>我的收藏</span></a></li>
			<li><a
				href="${pageContext.request.contextPath}/customerDefault/ucenterInvite.aspx"
				class="icon_invite"><span>注册邀请</span></a></li>
			<li><a
				href="${pageContext.request.contextPath}/customerDefault/ucenterCredit.aspx"
				class="icon_integral cur"><span>我的积分</span></a></li>
			<li><a
				href="${pageContext.request.contextPath}/customerDefault/ucenterPublish.aspx"
				class="icon_buy"><span>信息发布</span></a></li>
			<!--left menu e-->
		</ul>
		<div class="ucenter-body clear-fix">
			<div class="ucenter-h3 ucenter-account-h3">
				<div>
					<span></span> 我的积分
				</div>
				<div class="line"></div>
			</div>
			<ul id="J_tab" class="tab">
				<li class="cur" id="renwu_detail">任务列表</li>
				<li class="" id="point_detail">积分明细</li>
				<li class="" id="growup_detail">我的成长值</li>
			</ul>
			<script type="text/javascript">
				$("#renwu_detail").click(function(){
					$(this).addClass("cur");
					$("#point_detail").removeClass("cur");
					$("#growup_detail").removeClass("cur");
					
					$(".ucenter-jifen").show();
					$(".jifen2").hide();
					$(".my-grow").hide();
				});
				$("#point_detail").click(function(){
					$(this).addClass("cur");
					$("#renwu_detail").removeClass("cur");
					$("#growup_detail").removeClass("cur");
					
					$(".ucenter-jifen").hide();
					$(".jifen2").show();
					$(".my-grow").hide();
				});
				$("#growup_detail").click(function(){
					$(this).addClass("cur");
					$("#point_detail").removeClass("cur");
					$("#renwu_detail").removeClass("cur");
					
					$(".ucenter-jifen").hide();
					$(".jifen2").hide();
					$(".my-grow").show();
				});
			</script>
			<div class="ucenter-qiang ucenter-jifen">
				<script>
                		document.getElementById("J_tab").getElementsByTagName('li')[tab_type].className = 'cur';
                </script>
				<div style="" class="tab_jifen_1">
					<div class="jifen">
						<img alt=""
							src="${pageContext.request.contextPath}/img/ucenter/blank.png"><span>当前积分：</span>
						<strong>5</strong> <span class="r">即将推出积分换购VIP等活动，敬请期待！</span>
					</div>


					<div class="title">
						<span class="name">名称</span> <span class="jifen">积分/金币</span> <span
							class="max">上限</span> <span class="intro">说明</span> <span
							class="manage">操作</span>
					</div>
					<!-- list s: -->

					<ul class="qiang-pro task-list" style="background-color: white;">
						<li class="name"><img
							src="${pageContext.request.contextPath}/img/ucenter/task1.png"><span>每日签到</span></li>
						<li class="jifen">3/2</li>


						<li class="max">15/10</li>

						<li class="intro"><table>
								<tbody>
									<tr>
										<td>在后街交友网签到1天得3积分2金币，连续签到2天得6积分4金币，连续签到5天及以上可得15积分及10金币，如果连续签到中断则从头开始。</td>
									</tr>
								</tbody>
							</table></li>
						<li class="manage"><a
							href="http://ucenter.jiaren.com/user/user/index.htm"
							class="inviteBtn">去签到</a></li>
					</ul>

					<ul class="qiang-pro task-list">
						<li class="name"><img
							src="${pageContext.request.contextPath}/img/ucenter/task4.png"><span>邀请好友</span></li>
						<li class="jifen">50/25</li>


						<li class="max">1000/500</li>

						<li class="intro"><table>
								<tbody>
									<tr>
										<td>每邀请1位好友注册并激活得50积分25金币，同一IP仅限第一个注册的好友加积分。每一个邀请码只能注册20个用户</td>
									</tr>
								</tbody>
							</table></li>
						<li class="manage"><a
							href="http://ucenter.jiaren.com/user/my/invitation.htm"
							class="inviteBtn">去邀请</a></li>
					</ul>

					<ul class="qiang-pro task-list" style="background-color: white;">
						<li class="name"><img
							src="${pageContext.request.contextPath}/img/ucenter/task2.png"><span>第一次修改用户昵称</span></li>
						<li class="jifen">50/25</li>


						<li class="max">50/25</li>

						<li class="intro"><table>
								<tbody>
									<tr>
										<td>用户首次修改昵称以及第三方登录带入昵称的得50积分25金币</td>
									</tr>
								</tbody>
							</table></li>
						<li class="manage"><a
							href="http://ucenter.jiaren.com/user/info/editInfo.htm"
							class="inviteBtn">去修改</a></li>
					</ul>

					<ul class="qiang-pro task-list">
						<li class="name"><img
							src="${pageContext.request.contextPath}/img/ucenter/task5.png"><span>第一次上传头像</span></li>
						<li class="jifen">50/25</li>


						<li class="max">50/25</li>

						<li class="intro"><table>
								<tbody>
									<tr>
										<td>用户首次修改图像得50积分25金币</td>
									</tr>
								</tbody>
							</table></li>
						<li class="manage"><a href="javascript:void(0);"
							class="inviteBtn inviteBtnDis">已上传</a></li>
					</ul>

					<ul class="qiang-pro task-list" style="background-color: white;">
						<li class="name"><img
							src="${pageContext.request.contextPath}/img/ucenter/task3.png"><span>第一次验证邮箱</span></li>
						<li class="jifen">50/25</li>


						<li class="max">50/25</li>

						<li class="intro"><table>
								<tbody>
									<tr>
										<td>用户通过验证邮箱得50积分25金币</td>
									</tr>
								</tbody>
							</table></li>
						<li class="manage"><a
							href="http://ucenter.jiaren.com/user/info/editInfo.htm"
							class="inviteBtn">去验证</a></li>
					</ul>


					<!-- list e: -->
				</div>
				<div style="display: none; margin-top: 20px" class="jifen2">
					<div class="title">
						<span class="date">日期</span> <span class="in">收入</span> <span
							class="out">支出</span> <span class="from">来源/用途</span>
					</div>
					<!-- list s: -->

					<ul class="qiang-pro task-list2" style="background-color: white;">
						<li class="date">2013-09-17</li>

						<li class="in">+5</li>
						<li class="out"><span>-</span></li>
						<li class="from">第一次上传头像</li>
					</ul>
					<div>
						<div class="collect-page" id="page">
							<div class="collect-page"></div>
						</div>
					</div>
					<script type="text/javascript">		
					var current_page = 1;		
					var total = 1;		
					var items_per_page = 15;		
					var pageOpt = {			
							pageNum:current_page,			
							count : Math.floor(((total + items_per_page - 1) / items_per_page))		};		
					function initPate(pageOpt){			
						var start = pageOpt.pageNum > 6 ? pageOpt.pageNum - 5 : 1;			
						var end = Math.min(start + 10,pageOpt.count);			
						var prev = Math.max(pageOpt.pageNum -1,1);			
						var next = Math.min(pageOpt.pageNum + 1,pageOpt.count);			
						var html = '<span>共'+pageOpt.count+'页</span> ';			
						if(prev != current_page){				
							html += '<a class="prev" href="http://ucenter.jiaren.com/user/integral/integral.htm?pageSize=15&target=1&pageNumber='+ prev +'"> </a> ';	
						}			
						if(start > 10){				
							html += '<a href="http://ucenter.jiaren.com/user/integral/integral.htm?pageSize=15&target=1&pageNumber=1">1</a> <span>...</span> ';			
						}			
						for(var i = start;i<= end;i++){				
							html += '<a class="'+ (i == pageOpt.pageNum ? 'cur' : '') +'" href="http://ucenter.jiaren.com/user/integral/integral.htm?pageSize=15&target=1&pageNumber='+i +'">'+ i +'</a> ';			
						}			
						if(pageOpt.count - end > 10){				
							html += '<span>...</span> <a href="http://ucenter.jiaren.com/user/integral/integral.htm?pageSize=15&target=1&pageNumber='+ pageOpt.count +'">'+ pageOpt.count +'</a> ';			
						}
						if(next != current_page){				
							html += '<a class="next" href="http://ucenter.jiaren.com/user/integral/integral.htm?pageSize=15&target=1&pageNumber='+ next +'"> </a>';			
						}
						$("#page > .collect-page").html(html);		
					}		
					$(function(){			
						if(items_per_page<total)
							initPate(pageOpt);		
					});
				</script>
				</div>
				<div style="display: none;" class="my-grow">
					<strong>我的成长信息</strong> <span class="level-now">我的当前等级是：<span
						class="level level0 "></span> 我的目前成长值是：<em>5</em></span> <a
						class="level-help"
						href="http://ucenter.jiaren.com/user/integral/integralHelp.htm"><em></em>
						什么是成长值？</a>
					<div class="level-line">
						<div class="level-info">
							<span style="width: 0.1%;"><em></em> </span>
						</div>
						<ul class="level-num">
							<li><span class="line"></span> <span class="level level1"></span>
								<span class="num">300</span></li>
							<li style="margin-left: 35px;"><span class="line"></span> <span
								class="level level2"></span> <span class="num">1000</span></li>
							<li style="margin-left: 52px;"><span class="line"></span> <span
								class="level level3"></span> <span class="num">3000</span></li>
							<li style="margin-left: 76px;"><span class="line"></span> <span
								class="level level4"></span> <span class="num">10000</span></li>

							<li style="margin-left: 112px;"><span class="line"></span> <span
								class="level level5"></span> <span class="num">20000+</span></li>

							<li style="margin-left: 132px;"><span class="line"></span> <span
								class="level level6"></span> <span class="num">30000+</span></li>
						</ul>
					</div>
				</div>
				<!-- <script type="text/javascript">
                			$('.ucenter-jifen > div').eq(tab_type).show();
                </script> -->

			</div>
		</div>

	</div>
	<!--footer s-->
	<c:import url="../common/newFooter.jsp"></c:import>
	<!--footer e-->

</body>
</html>